@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file        dropdown.css
 * @package     Dropdown
 * @version     0.8
 * @type        Transitional
 * @stacks      597-599
 * @browsers    Windows: IE6+, Opera7+, Firefox1+
 *              Mac OS: Safari2+, Firefox2+
 *
 * @link        http://www.lwis.net/
 * @copyright   2006-2008 Live Web Institute
 *
 */

.horizon_navigation {
    float : left;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
    list-style  : none;
    margin      : 0;
    padding     : 0;
}

ul.dropdown {
    position    : relative;
    float       : left;
    z-index     : 2;
}

ul.dropdown li {
    float           : left;
    line-height     : 16px;
    vertical-align  : middle;
    zoom            : 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
    position    : relative;
    cursor      : default;
}

ul.dropdown ul {
    visibility  : hidden;
    position    : absolute;
    top         : 100%;
    left        : -1px;
    width       : 100%;
}

ul.dropdown ul li {
    float : none;
}

ul.dropdown ul ul {
    top : 1px;
    left: 99%;
}

ul.dropdown li:hover > ul {
    visibility: visible;
}

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file        default.css
 * @name        Default
 * @version     0.1.1
 * @type        transitional
 * @browsers    Windows: IE5+, Opera7+, Firefox1+
 *              Mac OS: Safari2+, Firefox2+
 *
 * @link        http://www.lwis.net/
 * @copyright   2008 Live Web Institute
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*-------------------------------------------------/
 * @section        Base Drop-Down Styling
 * @structure    ul (unordered list)
 *                ul li (list item)
 *                ul li a (links)
 *                /*\.class|(li|a):hover/
 * @level sep    ul
 */

.horizon_navigation {
    width : 100%;
}

ul.dropdown {
    font-weight : bold;
    font-size   : 14px;
    padding     : 0px;
}

ul.dropdown li {
    padding     : 12px 12px;
    position    : relative;
    color       : #633393;
    text-shadow : -1px 1px 0 #ccc;
}

ul.dropdown li.separated_line {
    padding     : 0px;
    margin      : 6px 0px 6px 0px;
    height      : 28px;
    border-right: 1px solid white;
    border-left : 1px solid #ccc;
}

ul.dropdown li.symbol {
    padding : 6px 12px 6px 12px;
}

ul.dropdown li.hover,
ul.dropdown li:HOVER {
    background-color    : #4D4D4D;

    box-shadow          : -1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
    -moz-box-shadow     : -1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
    -webkit-box-shadow  : -1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;

    color               : #fff;
    text-shadow         : -1px 1px 0 #ccc;

    -moz-transition     : 0.25s all;
    -webkit-transition  : 0.25s all;
    -o-transition       : 0.25s all;
    transition          : 0.25s all;
}
    
ul.dropdown li a {
    text-decoration : none;
    color           : inherit;
    *color          : #353d53;
}

ul.dropdown li:HOVER a {
    text-decoration : none;
    color           : inherit;
    *color          : #353d53;
}

ul.dropdown li ul li:HOVER{
    background-color   : white;
    color              : #633393;
    border-left        : 4px solid #633393;
    -webkit-box-shadow : none;
}

/* -- level mark -- */

ul.dropdown ul {
    width      : 200px;
    margin-top : 0px;
}

ul.dropdown ul li {
    padding          : 8px 7px;
    font-weight      : normal;
    background-color : #4D4D4D;;
}



/*-------------------------------------------------/
 * @section        Support Class `dir`
 * @level sep    ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(../../image_default/menu_smooth_down.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(../../image_default/menu_smooth_down.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(../../image_default/menu_smooth_down.gif);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(../../image_default/menu_smooth_down.gif);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(../../image_default/menu_smooth_down.gif);
 background-position: 0 50%;
}